<template>
  <div class="modules-list">

    <Component v-for="(module, index) in modules" class="module"
               :key="index"
               :is="module.name"
               :item="module.data"/>

  </div>
</template>

<script>
import TypeA from "./person/TypeA";
import TypeB from "./person/TypeB";
import TitleA from "./title/TitleA";
import MDTip from "./md/MDTip";
import TypeC from "./person/TypeC";
import SkillA from "./skill/SkillA";
import TitleB from "./title/TitleB";
import SkillB from "./skill/SkillB";
import Space from "./Space";
import CompanyA from "./company/CompanyA";
import CompanyB from "./company/CompanyB";

export default {
  name: "Modules",
  props: ['modules'],
  components: {
    CompanyB,
    CompanyA,
    SkillB,
    TitleB,
    MDTip,
    TitleA,
    TypeB,
    TypeA,
    TypeC,
    SkillA,
    Space
  }
}
</script>

<style scoped>

</style>